<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>

    <!-- Title -->
    <title>Modern | Landing Page</title>

    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta charset="UTF-8"/>
    <meta name="description" content="Modern Landing Page"/>
    <meta name="keywords" content="landing"/>
    <meta name="author" content="Steelcoders"/>

    <!-- Styles -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Raleway:500,400,300' rel='stylesheet' type='text/css'/>
    <link href="assets/plugins/pace-master/themes/blue/pace-theme-flash.css" rel="stylesheet"/>
    <link href="assets/plugins/uniform/css/uniform.default.min.css" rel="stylesheet"/>
    <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/animate/animate.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/tabstylesinspiration/css/tabs.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/tabstylesinspiration/css/tabstyles.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/pricing-tables/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/landing.css" rel="stylesheet" type="text/css"/>

    <script src="assets/plugins/pricing-tables/js/modernizr.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body data-spy="scroll" data-target="#header">
<nav id="header" class="navbar navbar-fixed-top ">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="fa fa-bars"></span>
            </button>
            <a class="navbar-brand" href="#">曜派科技</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse navbar-right">
            <ul class="nav navbar-nav">
                <li><a href="#home"> 公司介绍</a></li>
                <li><a href="#features">产品介绍</a></li>
                <li><a href="#pricing">业务介绍</a></li>
                <li><a href="#contact">联系方式</a></li>
                <li><a href="http://themeforest.net/item/modern-responsive-admin-dashboard-template/11004840"
                       target="_blank">下载APP</a></li>
            </ul>
        </div>
    </div>
</nav>

<div class="home" id="home">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="home-text col-md-8">
                <h1 class="wow fadeInDown" data-wow-delay="1.5s" data-wow-duration="1.5s" data-wow-offset="10">科技改变未来
                    数据驱动世界</h1>
                <a href="#features" class="btn btn-default btn-rounded btn-lg wow fadeInUp" data-wow-delay="2.5s"
                   data-wow-duration="1.5s" data-wow-offset="10">产品下载</a>
                <a href="#pricing" class="btn btn-success btn-rounded btn-lg wow fadeInUp" data-wow-delay="2.5s"
                   data-wow-duration="1.5s" data-wow-offset="10">业务介绍</a>
            </div>
            <div class="scroller">
                <div class="mouse">
                    <div class="wheel"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container" id="features">
    <div class="row features-list">
        <div class="col-sm-4 wow fadeInLeft" data-wow-duration="1.5s" data-wow-offset="10" data-wow-delay="0.5s">
            <div class="feature-icon">
                <i class="fa fa-laptop"></i>
            </div>
            <h2>信贷业务</h2>
            <p>
                公司现有主打产品“钱口袋”，为针对年轻白领以及蓝领用户提供额度为300-3000元的短期信用贷款，摒弃传统金融机构基于人行信用报告进行授信，人工审核，流程冗长的贷款流程，迎合现有年轻人群消费以及触媒习惯，直接进军移动端信贷市场，整个产品都是通过移动端引导客户申请，进行线上资料提交，数据收集，机器审批，线上放款，线上还款。</p>
            <!-- <p><a class="btn btn-link" href="#" role="button">View details &raquo;</a></p>  -->
        </div>
        <div class="col-sm-4 wow fadeInLeft" data-wow-duration="1.5s" data-wow-offset="10" data-wow-delay="0.7s">
            <div class="feature-icon">
                <i class="fa fa-lightbulb-o"></i>
            </div>
            <h2>Creative Design</h2>
            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies</p>
            <!--<p><a class="btn btn-link" href="#" role="button">View details &raquo;</a></p> -->
        </div>
        <div class="col-sm-4 wow fadeInLeft" data-wow-duration="1.5s" data-wow-offset="10" data-wow-delay="0.9s">
            <div class="feature-icon">
                <i class="fa fa-support"></i>
            </div>
            <h2>Free Support</h2>
            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies</p>
            <!-- <p><a class="btn btn-link" href="#" role="button">View details &raquo;</a></p> -->
        </div>
    </div>
</div>
<section id="section-1">
    <div class="container">
        <div class="row">
            <div class="col-sm-4 wow fadeInLeft" data-wow-delay="0.5s" data-wow-duration="1.5s" data-wow-offset="10">
                <img src="assets/images/iphone.png" class="iphone-img" alt=""/>
            </div>
            <div class="col-sm-8 wow fadeInRight" data-wow-delay="0.5s" data-wow-duration="1.5s" data-wow-offset="10">
                <h1>钱口袋</h1>
                <p>
                    为针对年轻白领以及蓝领用户提供额度为300-3000元的短期信用贷款，摒弃传统金融机构基于人行信用报告进行授信，人工审核，流程冗长的贷款流程，迎合现有年轻人群消费以及触媒习惯，直接进军移动端信贷市场，整个产品都是通过移动端引导客户申请，进行线上资料提交，数据收集，机器审批，线上放款，线上还款。</p>
                <ul class="list-unstyled features-list-2">
                    <li><i class="fa fa-diamond icon-state-success m-r-xs icon-md"></i>服务费收取方式：一次性收取4.8‰ ~8‰ /日</li>
                    <li><i class="fa fa-check icon-state-success m-r-xs icon-md"></i>“钱口袋”兼具客户主动发起还款和主动扣款两种还款方式：</li>
                    <li><i class="fa fa-cogs icon-state-success m-r-xs icon-md"></i>产品还款途径：银行卡/支付宝/微信</li>
                    <li><i class="fa fa-cloud icon-state-success m-r-xs icon-md"></i>逾期费用：0.2%/日</li>
                </ul>
            </div>
        </div>
    </div>
</section>
<section id="section-2">
    <div class="container">
        <div class="row">
            <div class="col-sm-8 wow fadeInLeft" data-wow-delay="0.5s" data-wow-duration="1.5s" data-wow-offset="10">
                <section>
                    <div class="tabs tabs-style-linebox">
                        <nav>
                            <ul>
                                <li class="tab-current"><a href=""><span>获客能力</span></a></li>
                                <li class=""><a href=""><span>技术实力</span></a></li>
                                <li class=""><a href=""><span>风控能力</span></a></li>
                                <li class=""><a href=""><span>催收系统</span></a></li>

                            </ul>
                        </nav>
                        <div class="content-wrap">
                            <section class="content-current">
                                <h1>极强的市场获客能力</h1>
                                <p>
                                    拥有丰富的行业资源；精准的效果营销：与绝大多数金融公司采用广告代理公司来优化效果营销类媒体不同，曜派科技自组建了整个效果营销团队(优化师、分析师、设计师)。其优势在于，不同于广告代理公司以账户消费金额为核心利益，自有效果营销团队的核心利益是资源的最优化整合。即，持续通过优化账户，追求在更低的成本下获取更大的流量。市场团队人才全面的知识储备：市场部的每位员工都经历过上述多项培训。在对外商务沟通及对内跨部门的沟通中始终处于顺畅情况；超强的成本管控能力：随着流量的不断拓展，业务客户(放款客户)成本上升是每家公司都会面对的问题。解决此问题的核心思路在于对每类型渠道的充分认知，以及合理的渠道搭配组合。通过以上的优势资源保证了曜派科技在业务量增速在同期同业产品中处于领先地位。</p>
                            </section>
                            <section><p>
                                <h1>强大的技术实力</h1>
                                <p>
                                    曜派科技主要业务系统均为自主开发，整个系统采用分布式架构及部署。前端产品系统采用1024位RSA算法加密，保证数据传输安全敏感数据采用自主研发的混淆加密算法，破解难度高，保证系统数据稳定与安全。后端系统功能模块化、接口标准化，保证代码规范、高复用与高并发公司主要应用全部部署在私有金融云上，分布式应用部署、高效代码执行率（500笔/秒）云端和本地服务同步灾备保证系统稳定、高效及安全。</p>
                                </p>
                            </section>
                            <section>
                                <p>
                                <h1>超强的风控能力</h1>
                                <p>
                                    公司拥有超强的风控团队和体系通过大数据挖掘和建模，严格执行反欺诈模型分析用户行为，精准辨别高风险人群。通过与第三方数据公司合作，收集用户数据分析用户行为最终放款决定提供决策依据。机器与人工全流程风控，保证风控贯穿于全业务线。</p>
                                </p>
                            </section>
                            <section><p>
                                <h1>高效的催收系统</h1>
                                <p>
                                    公司自建了训练有素的专业催收团队，拥有高效且独创的催收方法。通过网络、户籍、电话调查、间接使用社交app大数据、同业寻助、信息修复、信函、外包等方式对债务人进行失联修复，进而降低失联发生的概率。促进逾期用户还款率。</p>
                                </p>
                            </section>
                        </div>
                    </div>
                </section>
            </div>
            <div class="col-sm-4 wow fadeInRight" data-wow-delay="0.5s" data-wow-duration="1.5s" data-wow-offset="10">
                <img src="assets/images/iphone2.png" class="iphone-img" alt="" />
            </div>
        </div>
    </div>
</section>
<section id="section-3">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-sm-12 wow fadeInUp" data-wow-delay="0.5s" data-wow-duration="1.5s" data-wow-offset="10">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <div class="row">
                                <div class="col-sm-6 col-sm-offset-3">
                                    <p class="text-white">“Aenean posuere, tortor sed cursus feugiat, nunc augue blandit
                                        nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec,
                                        volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue
                                        ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede
                                        quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
                                        posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero.”</p>
                                    <span>- David, App Manager</span>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-6 col-sm-offset-3">
                                    <p class="text-white">“Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                        Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
                                        magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
                                        ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis
                                        enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In
                                        enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.”</p>
                                    <span>- Sandra, Director</span>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-6 col-sm-offset-3">
                                    <p>“Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
                                        Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae
                                        tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit.
                                        Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
                                        Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
                                        placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit.”</p>
                                    <span>- Amily, UI Designer</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="container" id="pricing">
    <div class="row">
        <div class="cd-pricing-container">
            <div class="cd-pricing-switcher">
                <p class="fieldset">
                    <input type="radio" class="no-uniform" name="duration-1" value="monthly" id="monthly-1" checked>
                    <label for="monthly-1">Monthly</label>
                    <input type="radio" class="no-uniform" name="duration-1" value="yearly" id="yearly-1">
                    <label for="yearly-1">Yearly</label>
                    <span class="cd-switch"></span>
                </p>
            </div>
            <ul class="cd-pricing-list cd-bounce-invert">
                <li>
                    <ul class="cd-pricing-wrapper">
                        <li data-type="monthly" class="is-visible">
                            <header class="cd-pricing-header">
                                <h2>Basic</h2>
                                <div class="cd-price">
                                    <span class="cd-currency">$</span>
                                    <span class="cd-value">30</span>
                                    <span class="cd-duration">mo</span>
                                </div>
                            </header>
                            <div class="cd-pricing-body">
                                <ul class="cd-pricing-features">
                                    <li><em>256MB</em> Memory</li>
                                    <li><em>1</em> User</li>
                                    <li><em>1</em> Website</li>
                                    <li><em>1</em> Domain</li>
                                    <li><em>Unlimited</em> Bandwidth</li>
                                    <li><em>24/7</em> Support</li>
                                </ul>
                            </div>
                            <footer class="cd-pricing-footer">
                                <a class="cd-select" href="#">Select</a>
                            </footer>
                        </li>
                        <li data-type="yearly" class="is-hidden">
                            <header class="cd-pricing-header">
                                <h2>Basic</h2>
                                <div class="cd-price">
                                    <span class="cd-currency">$</span>
                                    <span class="cd-value">320</span>
                                    <span class="cd-duration">yr</span>
                                </div>
                            </header>
                            <div class="cd-pricing-body">
                                <ul class="cd-pricing-features">
                                    <li><em>256MB</em> Memory</li>
                                    <li><em>1</em> User</li>
                                    <li><em>1</em> Website</li>
                                    <li><em>1</em> Domain</li>
                                    <li><em>Unlimited</em> Bandwidth</li>
                                    <li><em>24/7</em> Support</li>
                                </ul>
                            </div>
                            <footer class="cd-pricing-footer">
                                <a class="cd-select" href="#">Select</a>
                            </footer>
                        </li>
                    </ul>
                </li>
                <li class="cd-popular">
                    <ul class="cd-pricing-wrapper">
                        <li data-type="monthly" class="is-visible">
                            <header class="cd-pricing-header">
                                <h2>Popular</h2>
                                <div class="cd-price">
                                    <span class="cd-currency">$</span>
                                    <span class="cd-value">60</span>
                                    <span class="cd-duration">mo</span>
                                </div>
                            </header>
                            <div class="cd-pricing-body">
                                <ul class="cd-pricing-features">
                                    <li><em>512MB</em> Memory</li>
                                    <li><em>3</em> Users</li>
                                    <li><em>5</em> Websites</li>
                                    <li><em>7</em> Domains</li>
                                    <li><em>Unlimited</em> Bandwidth</li>
                                    <li><em>24/7</em> Support</li>
                                </ul>
                            </div>
                            <footer class="cd-pricing-footer">
                                <a class="cd-select" href="#">Select</a>
                            </footer>
                        </li>
                        <li data-type="yearly" class="is-hidden">
                            <header class="cd-pricing-header">
                                <h2>Popular</h2>
                                <div class="cd-price">
                                    <span class="cd-currency">$</span>
                                    <span class="cd-value">630</span>
                                    <span class="cd-duration">yr</span>
                                </div>
                            </header>
                            <div class="cd-pricing-body">
                                <ul class="cd-pricing-features">
                                    <li><em>512MB</em> Memory</li>
                                    <li><em>3</em> Users</li>
                                    <li><em>5</em> Websites</li>
                                    <li><em>7</em> Domains</li>
                                    <li><em>Unlimited</em> Bandwidth</li>
                                    <li><em>24/7</em> Support</li>
                                </ul>
                            </div>
                            <footer class="cd-pricing-footer">
                                <a class="cd-select" href="#">Select</a>
                            </footer>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="cd-pricing-wrapper">
                        <li data-type="monthly" class="is-visible">
                            <header class="cd-pricing-header">
                                <h2>Premier</h2>
                                <div class="cd-price">
                                    <span class="cd-currency">$</span>
                                    <span class="cd-value">90</span>
                                    <span class="cd-duration">mo</span>
                                </div>
                            </header>
                            <div class="cd-pricing-body">
                                <ul class="cd-pricing-features">
                                    <li><em>1024MB</em> Memory</li>
                                    <li><em>5</em> Users</li>
                                    <li><em>10</em> Websites</li>
                                    <li><em>10</em> Domains</li>
                                    <li><em>Unlimited</em> Bandwidth</li>
                                    <li><em>24/7</em> Support</li>
                                </ul>
                            </div>
                            <footer class="cd-pricing-footer">
                                <a class="cd-select" href="#">Select</a>
                            </footer>
                        </li>
                        <li data-type="yearly" class="is-hidden">
                            <header class="cd-pricing-header">
                                <h2>Premier</h2>
                                <div class="cd-price">
                                    <span class="cd-currency">$</span>
                                    <span class="cd-value">950</span>
                                    <span class="cd-duration">yr</span>
                                </div>
                            </header>
                            <div class="cd-pricing-body">
                                <ul class="cd-pricing-features">
                                    <li><em>1024MB</em> Memory</li>
                                    <li><em>5</em> Users</li>
                                    <li><em>10</em> Websites</li>
                                    <li><em>10</em> Domains</li>
                                    <li><em>Unlimited</em> Bandwidth</li>
                                    <li><em>24/7</em> Support</li>
                                </ul>
                            </div>
                            <footer class="cd-pricing-footer">
                                <a class="cd-select" href="#">Select</a>
                            </footer>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id="contact">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3 wow rotateInUpLeft" data-wow-duration="1.5s" data-wow-offset="10"
                 data-wow-delay="0.5s">
                <a href="#contact" class="btn btn-success btn-lg btn-rounded contact-button"><i
                        class="fa fa-envelope-o"></i></a>
                <h2>Let's keep in touch</h2>
                <form class="m-t-md" action="" method="post">
                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-6">
                                <input type="text" class="form-control input-lg contact-name" placeholder="Name" id="name">
                            </div>
                            <div class="col-sm-6">
                                <input type="email" class="form-control input-lg" placeholder="Email" id="email">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control input-lg" placeholder="Subject" id="subject">
                    </div>
                    <div class="form-group">
                        <textarea class="form-control" rows="4=6" placeholder="Message" id="message"></textarea>
                    </div>
                    <!--<button type="submit" id= class="btn btn-default btn-lg">Send Message</button>-->
                    <input type="button" id="btn" value="Send Message">
                </form>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="container">
        <p class="text-center no-s">2015 &copy; Modern by Steelcoders.</p>
    </div>
</footer>

<!-- Javascripts -->
<script src="assets/plugins/jquery/jquery-2.1.4.min.js"></script>
<script src="assets/plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="assets/plugins/pace-master/pace.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="assets/plugins/uniform/jquery.uniform.min.js"></script>
<script src="assets/plugins/wow/wow.min.js"></script>
<script src="assets/plugins/tabstylesinspiration/js/cbpfwtabs.js"></script>
<script src="assets/plugins/pricing-tables/js/main.js"></script>
<script src="assets/js/landing.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $("#btn").click(function(){
            var name = $("#name").val();
            var email = $("#email").val();
            var subject=$("#subject").val();
            var message=$("#message").val();
            var reqData = {};
            reqData.name = name;
            reqData.email = email;
            reqData.subject = subject;
            reqData.message = message;

            $.ajax({
                type: 'post',
                url: "/contact-us/submit",
                contentType: 'application/json;charset=utf-8',
                data:JSON.stringify(reqData),
                success: function(data){    //请求成功时的回调函数
                    if(data.code == "1"){

                        alert("success");
                    }else{
                        alert(data.msg + data.data);
                    }
                },
            });
        })
    })
</script>

</body>
</html>